<!DOCTYPE HTML>
<html dir="ltr" lang="en-US">
   <head>
      <meta charset="utf-8" />
      <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />
      <title>Sterling &#8211; HTML5 Responsive Website Template</title>
      <link rel="stylesheet" type="text/css" href="css/_style.css" />
      <link rel="stylesheet" type="text/css" href="css/_mobile.css" />
      <link rel="stylesheet" type="text/css" href="css/primary-blue.css" />
      <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
      <!--[if lt IE 9]>
      <link rel="stylesheet" href="css/IE.css" />
      <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
      <![endif]-->
      <!--[if lte IE 8]>
      <script type="text/javascript" src="js/IE.js"></script>
      <![endif]-->
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
   <body>
      <!-- START Top-Toolbar -->
      <aside class="top-aside clearfix">
         <div class="center-wrap">
            <div class="one_half">
               <div class="sidebar-widget">
                  <ul class="custom-menu">
                     <li><a href="index.html">Home</a></li>
                     <li><a href="page-template-team-members.html">Team</a></li>
                     <li><a href="page-template-sitemap.html">Sitemap</a></li>
                     <li><a href="content-color-autumn.html">Colors</a></li>
                     <li><a href="page-template-shortcodelist.html">Shortcodes</a></li>
                     <li><a href="page-template-homepage-lightbox-hero.html">Pages</a></li>
                  </ul>
               </div>
            </div>
            <!-- END top-toolbar-left -->
            <div class="one_half">
               <div class="sidebar-widget">
                  <ul class="social_icons">
                     <li><a href="http://themes.truethemes.net/Sterling/feed" class="rss">RSS</a></li>
                     <li><a href="http://www.twitter.com/truethemes" class="twitter">Twitter</a></li>
                     <li><a href="http://www.facebook.com/truethemes" class="facebook">Facebook</a></li>
                     <li><a href="mailto:themes@truethemes.net" class="email">Email</a></li>
                  </ul>
               </div>
            </div>
            <!-- END top-toolbar-right -->
         </div>
         <!-- END center-wrap -->
         <div class="top-aside-shadow"></div>
      </aside>
      <!-- END Top-Toolbar -->
      
      
      
      
      <!-- START Header -->
      <header>
         <div class="center-wrap">
            <div class="companyIdentity">
               <a href="page-template-homepage-jquery.html"><img src="content-images/sterling-logo.png" alt="Sterling &ndash; HTML5 Responsive Website Template" /></a>
            </div>
            <!-- END companyIdentity -->
            
            
            
            
            <!-- START Main Navigation -->
            <nav>
               <ul>
                  <li><a href="index.html">Home</a></li>
                  <li class="current-menu-parent current-menu-ancestor">
                     <a href="page-template-homepage-lightbox-hero.html">Pages</a>
                     <ul class="sub-menu">
                        <li><a href="page-template-homepage-lightbox-hero.html">Homepage &#8211; Lightbox Hero</a></li>
                        <li class="current-menu-item"><a href="page-template-homepage-jquery-sidebar.html">Homepage &#8211; jQuery Sidebar</a></li>
                        <li><a href="page-template-full-width.html">Full Width</a></li>
                        <li><a href="page-template-left-nav.html">Left Nav</a></li>
                        <li><a href="page-template-left-sidebar.html">Left Sidebar</a></li>
                        <li><a href="page-template-right-sidebar.html">Right Sidebar</a></li>
                        <li>
                           <a href="#">Image + Video Galleries  &rarr;</a>
                           <ul class="sub-menu">
                              <li><a href="page-template-gallery-4-columns.html">Gallery &#8211; 4 Columns</a></li>
                              <li><a href="page-template-gallery-3-columns.html">Gallery &#8211; 3 Columns</a></li>
                              <li><a href="page-template-gallery-2-columns.html">Gallery &#8211; 2 Columns</a></li>
                              <li><a href="page-template-gallery-portrait-4-columns.html">Gallery &#8211; 4 Column Portraits</a></li>
                              <li><a href="page-template-gallery-portrait-3-columns.html">Gallery &#8211; 3 Column Portrtaits</a></li>
                           </ul>
                        </li>
                        <li><a href="page-template-contact.html">Contact</a></li>
                        <li><a href="page-template-team-members.html">Team Members</a></li>
                        <li><a href="page-template-faq.html">FAQ Template</a></li>
                        <li><a href="page-template-under-construction.html">Under Construction Page</a></li>
                        <li><a href="page-template-sitemap.html">Sitemap</a></li>
                        <li><a href="page-template-404-error.html">404 Error Page</a></li>
                     </ul>
                  </li>
                  <li>
                     <a href="content-responsive-design.html">Features</a>
                     <ul class="sub-menu">
                        <li><a href="content-responsive-design.html">Responsive Design</a></li>
                        <li><a href="content-shortcodes.html">100+ Shortcodes</a></li>
                        <li><a href="content-page-templates.html">18 Page Templates</a></li>
                        <li><a href="content-ajax-form.html">AJAX Contact Form</a></li>
                        <li><a href="content-stock-photos.html">Stock Photos &#038; Icons</a></li>
                        <li><a href="content-customer-support.html">Amazing Customer Support</a></li>
                        <li><a href="content-training-videos.html">Training Videos</a></li>
                     </ul>
                  </li>
                  <li>
                     <a href="content-color-autumn.html">Colors</a>
                     <ul class="sub-menu">
                        <li><a href="content-color-autumn.html">Autumn</a></li>
                        <li><a href="content-color-black.html">Black</a></li>
                        <li><a href="content-color-blue-grey.html">Blue Grey</a></li>
                        <li><a href="content-color-coffee.html">Coffee</a></li>
                        <li><a href="content-color-blue.html">Cool Blue</a></li>
                        <li><a href="content-color-fire.html">Fire</a></li>
                        <li><a href="content-color-golden.html">Golden</a></li>
                        <li><a href="content-color-green.html">Green</a></li>
                        <li><a href="content-color-lime.html">Lime Green</a></li>
                        <li><a href="content-color-periwinkle.html">Periwinkle</a></li>
                        <li><a href="content-color-pink.html">Pink</a></li>
                        <li><a href="content-color-purple.html">Purple</a></li>
                        <li><a href="content-color-red.html">Red</a></li>
                        <li><a href="content-color-royal-blue.html">Royal Blue</a></li>
                        <li><a href="content-color-silver.html">Silver</a></li>
                        <li><a href="content-color-sky-blue.html">Sky Blue</a></li>
                        <li><a href="content-color-teal-grey.html">Teal Grey</a></li>
                        <li><a href="content-color-teal.html">Teal</a></li>
                     </ul>
                  </li>
                  <li><a href="page-template-shortcodelist.html">Shortcodes</a></li>
                  <li><a href="page-template-blog.html">Blog</a></li>
               </ul>
            </nav>
            <!-- END Main Navigation -->
         </div>
         <!-- END center-wrap -->
      </header>
      <!-- END Header -->


      <section class="banner-slider">
         <div class="center-wrap">
            <div id="slides">
               <div class="slides_container">
                  <div class="clearfix home-slider-post">
                     <div class="one_half">
                        <h2>Easily Embed Video!</h2>
                        <p>Adding custom video is an absolute breeze! Sterling is a fully HTML5 Responsive Website Template perfect for everyone in need of a professional online presence. It was designed and built by an award-winning Creative Team and it&#8217;s backed by the industry&#8217;s most all-inclusive customer support.</p>
                        <p><a href="#" class="small green button" target="_self"> Call to Action Button &rarr; </a></p>
                     </div>
                     <div class="one_half">
                        <div class="single-post-thumb">
                           <iframe src="http://player.vimeo.com/video/30299004" width="445" height="250"></iframe>  	
                        </div>
                     </div>
                  </div>
                  <!-- END slider post -->
                  <div class="clearfix home-slider-post">
                     <p><img class="aligncenter size-full wp-image-1059" title="Image - Web Display" src="content-images/web-display.png" alt="Premium WordPress Theme - CMS - TrueThemes" width="960" height="434" /></p>
                  </div>
                  <!-- END slider post -->
                  <div class="clearfix home-slider-post">
                     <div class="one_half">
                        <div class="img-frame full-half"><img src="content-images/out445x273/celebrating-success.jpg" alt="HTML5 Responsive Website Template" width="445" height="273" /></div>
                     </div>
                     <div class="one_half">
                        <h2>Built by Professionals, for Professionals</h2>
                        <p>Experience is the best teacher, and we've got loads of it. We're an award-winning creative team with over 5 years of real-world website building experience. You won't find needless functions "just because they're cool". We've built this theme using our real-world experiences as the driving force behind every decision we've made.</p>
                        <p><a href="http://themes.truethemes.net/Sterling/wp-content/uploads/celebrating-success.jpg" class="small green button" data-gal="prettyPhoto" title="Sterling - Premium Web Template"> This button opens a Lightbox &rarr; </a></p>
                     </div>
                  </div>
                  <!-- END slider post -->
               </div>
               <!-- END slides_container -->
            </div>
            <!-- END slides -->
         </div>
         <!-- END center-wrap --> 
         <div class="shadow top"></div>
         <div class="shadow bottom"></div>
         <div class="tt-overlay"></div>
      </section>
      
      
      
      
      <section id="content-container" class="clearfix">
         <div id="main-wrap" class="main-wrap-slider clearfix">
            <div class="two_thirds">
               <div class="home-vertical-callout clearfix">
                  <div class="img-frame full-third-short">
                  <a href="content-responsive-design.html" target="_self"><img src="content-images/spa-still-life-280x124.jpg" alt="Premium Website Template by TrueThemes" width="280" height="124" /></a>
                  </div>
                  <!-- END img-frame -->
                  <div class="home-vertical-content">
                     <h5><a href="content-responsive-design.html">Responsive Design</a></h5>
                     <p>Sterling is premium website template built with a fully responsive design. This ensures that your website will look absolutely flawless on every mobile device.</p>
                  </div>
                  <!-- END home-vertical-content -->                 
               </div>
               <!-- END home-vertical-callout -->
               
               
               
               <div class="home-vertical-callout clearfix">
                  <div class="img-frame full-third-short">
                  <a href="content-shortcodes.html" target="_self"><img src="content-images/happy-woman-working-on-laptop-280x124.jpg" alt="Premium Website Template by TrueThemes" width="280" height="124" /></a>
                  </div>
                  <!-- END img-frame -->
                  <div class="home-vertical-content">
                     <h5><a title="Visual Shortcode Manager" href="content-shortcodes.html">100+ Powerful Shortcodes</a></h5>
                     <p>Sterling comes packed with over 100 powerful shortcodes. This gives you the ability to add advanced features to your website without having to learn advanced coding technologies.</p>
                  </div>
                  <!-- END home-vertical-content -->
               </div>
               <!-- END home-vertical-callout -->
               
               
               <div class="home-vertical-callout clearfix">
                  <div class="img-frame full-third-short">
                  <a href="content-customer-support.html" target="_self"><img src="content-images/online-shopping-280x124.jpg" alt="Premium Website Template by TrueThemes" width="280" height="124" /></a>
                  </div>
                  <!-- END img-frame -->
                  <div class="home-vertical-content">
                     <h5><a title="Amazing Customer Support" href="content-customer-support.html">Amazing Customer Support</a></h5>
                     <p>Purchase this template with confidence knowing that we have an entire team dedicated to answering your questions in a professional and timely manner.</p>
                  </div>
                  <!-- END home-vertical-content -->
               </div>
               <!-- END home-vertical-callout -->               
            </div>
            <!-- END two_thirds -->  
            
             
            <div class="one_third">
               <div class="home-vertical-sidebar">
                  <div class="sidebar-widget">
                     <p class="widget-heading">Latest from the Blog</p>
                     <p class="recent-post-widget-title"><a href="page-template-blog-post.html">TrueThemes &#8211; Premium WordPress</a></p>
                     <p class="recent-post-widget-text"><a href="page-template-blog-post.html">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Praesent commodo cursus magna, vel scelerisque nisl consectetur ...</a></p>
                     <p class="recent-post-widget-title"><a href="page-template-blog-post.html">HTML5 Responsive Website Template</a></p>
                     <p class="recent-post-widget-text"><a href="page-template-blog-post.html">Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Donec sed o...</a></p>
                     <p class="recent-post-widget-title"><a href="page-template-blog-post.html">Professional WordPress Theme</a></p>
                     <p class="recent-post-widget-text"><a href="page-template-blog-post.html">Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Donec ullam...</a></p>
                  </div>
               </div>
               <!-- END home-vertical-sidebar -->
            </div>
            <!-- END one_third -->   
         </div>
         <!-- END main-wrap -->
      </section>
      <!-- END content-container -->      





      <!-- START Footer Callout -->
      <div class="footer-callout clearfix">
         <div class="center-wrap tt-relative">
            <div class="footer-callout-content">
               <p class="callout-heading">Site-wide callout section</p>
               <p class="callout-text">Engage your customers and promote a rewarding call-to-action. Easily toggle this on or off.</p>
            </div>
            <!-- END footer-callout-content -->
            <div class="footer-callout-button">
               <a href="content-responsive-design.html" class="large green button">View Theme Features &rarr;</a>
            </div>
            <!-- END footer-callout-button -->
         </div>
         <!-- END center-wrap --> 
      </div>
      <!-- END Footer Callout -->
      
      
      
      
      <!-- START Footer -->
      <footer>
         <div class="center-wrap tt-relative">
            <div class="footer-content clearfix">
               <div class="footer-default-one">
                  <div class="sidebar-widget">
                     <div class="textwidget">
                        <p><img src="content-images/truethemes-premium-wordpress.png" alt="HTML5 Responsive Website Template" class="footer-logo" /><br />
                           This is a great place to input keyword-rich content that will help to boost your website's SEO. This footer can have up to 6 columns, each column a powerful widget region.
                        </p>
                     </div>
                     <!-- END textwidget -->
                  </div>
                  <!-- END sidebar-widget -->
               </div>
               <!-- END footer-default-one -->
               
               
               <div class="footer-default-two">
                  <div class="sidebar-widget">
                     <p class="foot-heading">Join our Mailing List</p>
                     <div id="mc_embed_signup">
                        <form action="http://truethemes.us2.list-manage.com/subscribe/post?u=e2deed44e98de9950b14e7fb3&amp;id=47d7d9240b" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" />
                           <label for="mce-EMAIL">Email Address:</label>
                           <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="" required="" />
                           <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button" /></div>
                        </form>
                     </div>
                     <!-- END mc_embed_signup -->
                  </div>
                  <!-- END sidebar-widget -->
               </div>
               <!-- END footer-default-two -->
               
               
               <div class="footer-default-three">
                  <div class="sidebar-widget">
                     <p class="foot-heading">Connect with us</p>
                     <ul class="social_icons">
                        <li><a href="http://themes.truethemes.net/Sterling/feed" class="rss">RSS</a></li>
                        <li><a href="http://www.twitter.com/truethemes" class="twitter">Twitter</a></li>
                        <li><a href="http://www.facebook.com/truethemes" class="facebook">Facebook</a></li>
                     </ul>
                  </div>
                  <!-- END sidebar-widget -->
               </div>
               <!-- END footer-default-three -->
            </div>
            <!-- END footer-content -->
         </div>
         <!-- END center-wrap -->
         <div class="footer-copyright clearfix">
            <div class="center-wrap clearfix">
               <div class="foot-copy">
                  <p>Copyright &copy; 2012 Your Company Name. More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a></p>
               </div>
               <!-- END foot-copy -->
               <a href="#" id="scroll_to_top" class="link-top">Scroll to Top</a>
               <ul class="footer-nav">
                  <li><a href="page-template-homepage-lightbox-hero.html">Pages</a></li>
                  <li><a href="content-responsive-design.html">Features</a></li>
                  <li><a href="content-color-autumn.html">Colors</a></li>
                  <li><a href="page-template-shortcodelist.html">Shortcodes</a></li>
                  <li><a href="page-template-blog.html">Blog</a></li>
               </ul>
            </div>
            <!-- END center-wrap -->
         </div>
         <!-- END footer-copyright -->	
         <div class="shadow top"></div>
         <div class="tt-overlay"></div>
      </footer>
      
      <script type="text/javascript" src="js/custom-main.js"></script>
      <script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
      <script type="text/javascript" src="js/slides.min.jquery.js"></script>
      <script type="text/javascript" src="js/jquery.cycle.all.min.js"></script>
      <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
      <script type="text/javascript">
         jQuery(document).ready(function(){
         	jQuery('#slides').slides({
         		  preload: false,
         		  //preloadImage: 'preloader url here',
         		  autoHeight: true,
         		  effect: 'slide',
         		  slideSpeed: 500,
         		  play: 0,
         		  randomize: false,
         		  hoverPause: false,
         	  });
         });
      </script>
   </body>
</html>
